<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>登录DingFlow系统</title>
    <meta name="description" content="DingFlow系统">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>
    <link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>
    <link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.3.1}" rel="stylesheet"/>
    <!-- 360浏览器急速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
    <style type="text/css">label.error{position:inherit}.ui.horizontal.divider::before,.ui.horizontal.divider::after{background-image:url("")}.ui.horizontal.divider::after{background-position:left 1em top 50%}.ui.horizontal.divider::before,.ui.horizontal.divider::after{content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.horizontal.divider::before{background-position:right 1em top 50%}.ui.horizontal.list{display:inline-block;font-size:0}ul.ui.list:last-child,ol.ui.list:last-child,.ui.list:last-child{margin-bottom:0;padding-bottom:0}ul.ui.list,ol.ui.list,.ui.list{list-style-type:none;margin:1em 0;padding:0}.login-oauth__list{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.login-login-oauth__container{margin-top:20px}.ui.horizontal.login-login__oauth-title{font-weight:normal}.ui.divider{margin:1.4rem 0rem;line-height:1;height:0;font-weight:bold;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,0.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui.horizontal.divider{display:table;white-space:nowrap;height:auto;margin:'';line-height:1;text-align:center}.ui.horizontal.list>.item:first-child,.ui.horizontal.list>.item:last-child{padding-top:.3em;padding-bottom:.3em}.ui.horizontal.list>.item:first-child{margin-left:0!important;padding-left:0!important}.login-oauth__list>.item{margin-left:40px!important}.ui.list .item a>img{width:32px;height:32px}</style>
    <script>
        if(window.top!==window.self){alert('未登录或登录超时。请重新登录');window.top.location=window.location};
    </script>
</head>
<body class="signin">
    <div class="signinpanel">
        <div class="row">
            <div class="pull-right">
                <a class="btn btn-warning btn-xs" type="button" href="https://gitee.com/qimingjin/snow" target="_blank">码云</a>
                <a class="btn btn-warning btn-xs" type="button" href="https://www.dingflow.yifaoa.top/docs" target="_blank">社区</a>
                <a class="btn btn-warning btn-xs" type="button" href="https://www.dingflow.yifaoa.top/front/index" target="_blank">官网</a>
            </div>
        </div>
        <div class="row">
            <h1>欢迎使用 <strong class="text-warning">DingFlow 后台管理系统</strong></h1>
        </div>
        <div class="row">
            <div class="col-sm-8">
                <div class="signin-info">
                    <div class="logopanel m-b">
                       <!-- <h1><img alt="[ Dingflow ]" src="../static/" th:src="@{/ruoyi.png}"></h1>-->
                    </div>
                    <div class="m-b"></div>

                    <ul class="m-b-lg">
                        <li><i class="fa fa-arrow-circle-o-right m-r-lg"></i> flowable设计器集成(内置请假审批流程，采购审批流程，离职审批会签流程)</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-lg"></i> 钉钉与系统基础数据同步</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-lg"></i> 智能化数据大屏</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-lg"></i> 丰富业务管理:支付宝/微信账单一键导入;简版客户管理;系统任务管理等</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-lg"></i> DingFlow官网:注册官网用户，发布FAQ</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-lg"></i> 消息中心:支持邮件、站内信、钉钉等多种消息发送方式</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-lg"></i> 数据报表:集成积木报表，在线构建各式报表</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-lg"></i> 智能表单:零代码在线设计表单</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-lg"></i> 代码自动生成平台:单表CRUD从数据库表单到菜单按钮和页面全一键式构建</li>
                    </ul>
                    <strong th:if="${@config.getKey('sys.account.registerUser')}">还没有账号？ <a th:href="@{/register}">立即注册&raquo;</a></strong>
                </div>
            </div>
            <div class="col-sm-4">
                <form id="signupForm" autocomplete="off">
                    <h3 class="no-margins">登录：</h3>
                    <input type="text"     name="username" class="form-control uname"     placeholder="用户名" value="admin"    />
                    <input type="password" name="password" class="form-control pword"     placeholder="密码"   value="admin123" />
					<div class="row m-t" th:if="${captchaEnabled==true}">
						<div class="col-xs-6">
						    <input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" />
						</div>
						<div class="col-xs-6">
							<a href="javascript:void(0);" title="点击更换验证码">
								<img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
							</a>
						</div>
					</div>
                    <div class="checkbox-custom" th:classappend="${captchaEnabled==false} ? 'm-t'">
				        <input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">记住我</label>
				    </div>
                    <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录，请稍后...">登录</button>
                    <div class="login-login-oauth__container">
                        <div class="ui horizontal divider login-login__oauth-title">
                            <span class="text-muted">其他方式登录</span>
                        </div>
                        <div class="ui horizontal list login-oauth__list">
                            <div class="item" title="使用 钉钉 账号授权登录">
                                <a th:href="@{/third/oauth/toPage/dingtalk}">
                                    <img src="../static/img/dingtalk.png" th:src="@{/img/dingtalk.png}"/>
                                </a>
                            </div>
                            <div class="item" title="使用 企业微信 账号授权登录">
                                <a th:href="@{/third/oauth/toPage/weChart}">
                                    <img src="../static/img/wechat.png" th:src="@{/img/wechat.png}"/>
                                </a>
                            </div>
                            <div class="item" title="使用 支付宝 账号授权登录">
                                <a th:href="@{/third/oauth/toPage/alipay}">
                                    <img src="../static/img/alipay.png" th:src="@{/img/alipay.png}"/>
                                </a>
                            </div>
                        </div>
                    </div>
            <!--        <a class="btn btn-success btn-block" th:href="@{/third/oauth/toDingPage}" data-loading="正在验证登录，请稍后...">钉钉登录</a>-->
                </form>
            </div>
        </div>
        <div class="row">
            <h3 style="text-align: center" class="text-danger">借助钉钉，致力于流程，让流程更简单</h3>
        </div>
        <div class="signup-footer">
            <div class="pull-right text-warning">
                 Copyright © 2023 DingFlow 版权所有 <a href="https://beian.miit.gov.cn" target="_blank" class="text-warning">粤ICP备2021100652号-1</a><br>
            </div>
        </div>
    </div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.3.1}"></script>
<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
</body>
</html>
